<script setup lang="ts">
import { SubItem } from '../../types'
import MusicTotalInfo from './components/MusicTotalInfo.vue'
import Device from './components/Device.vue'
import ProfessApp from './components/ProfessApp.vue'
import FinalMusic from './components/FinalMusic.vue'
import GoodsBriefInfo from './components/GoodsBriefInfo.vue'
import airpods from './imgs/airpods.jpg'
import SubNavGuide from './components/SubNavGuide.vue'


const subItemList: SubItem[] = [
  {
    iconName: 'iPhoneSE',
    goodName: 'iPhone SE'
  },
  {
    iconName: 'iPhoneX',
    goodName: 'iPhone11 Pro'
  }
]
</script>

<template>
  <SubNavGuide></SubNavGuide>
  <MusicTotalInfo></MusicTotalInfo>
  <GoodsBriefInfo 
  :is-new="'yes'"
  :good-name="'AirPods Pro'" 
  :good-info="'妙得不同凡响。'"
  :img-src="airpods">
  </GoodsBriefInfo>
  <Device></Device>
  <ProfessApp></ProfessApp>
  <FinalMusic></FinalMusic>
</template>

<style scoped lang="less"></style>
